iT邦幫忙

2025 iThome 鐵人賽

DAY 5
0
生成式 AI

三十天解鎖上下文超能力:MCP 實戰系列 第 5

Day 5 - 你的第一個 n8n 工作流:從手動觸發到 HTTP 請求

  • 分享至 

  • xImage
  •  

大家好,歡迎來到鐵人賽的第五天!

昨天,我們成功地在電腦上安裝並啟動了 n8n 這個強大的自動化引擎。舞台已經搭好,今天,大秀即將正式開演!

我們將親手建立第一個 n8n 工作流 (Workflow),完成一件雖小但意義重大的事:從網路上抓取真實的公開資料

在開始之前,先給大家看一張圖,這是我用 n8n 搭建的一個更進階的工作流,也是我們未來幾天努力的方向:

截圖 2025-09-01 下午2.51.57

這個流程能自動獲取天氣資訊,交給 Gemini AI 模型整理,最後透過 Gmail 發送。很酷對吧?

但別擔心,所有複雜的系統都是從簡單的元件開始的。今天,我們就來搭建這個宏偉藍圖中最基礎、也最重要的第一塊基石。


一、n8n 介面快速導覽

在開始建立之前,讓我們先花一分鐘熟悉一下 n8n 的主介面。

截圖 2025-09-01 下午2.53.05

  1. 節點面板 (Nodes Panel): 在畫布的右側,你可以在這裡搜尋並找到數百種不同功能的「節點」。
  2. 畫布 (Canvas): 中間最大的空白區域,這裡是我們拖拉節點、建立工作流的地方。
  3. 執行工作流 (Execute Workflow): 畫布左下角的巨大按鈕,點擊它來手動運行你建立的流程。
  4. 儲存 (Save): 在畫布的右上角,記得隨時儲存你的傑作!

二、建立你的第一個工作流 (Step-by-Step)

我們的目標是建立一個流程:手動觸發 -> 發送 HTTP 請求獲取資料

步驟一:認識觸發節點 (Trigger Node)

當你建立一個全新的工作流時,畫布上會預設放置一個名為 Manual (或 Start) 的節點。

截圖 2025-09-01 下午2.54.29

這就是觸發節點,代表著「這個工作流該在什麼時候開始運行」。Manual 是最單純的觸發方式,意思就是「當我手動點擊『執行工作流』按鈕時才運行」。這非常適合我們開發和測試。

步驟二:新增「HTTP Request」節點

  1. 點擊 Manual 節點右邊的 + 號。
  2. 一個搜尋框會彈出,在裡面輸入 HTTP
  3. 從列表中選擇 HTTP Request 節點。

現在,你的畫布上應該有兩個節點被一條線連接起來了,代表資料會從左邊的節點流向右邊。

截圖 2025-09-01 下午2.56.18

步驟三:設定 HTTP Request 節點

這是今天的核心!我們要設定這個節點去一個公開的 API 網站抓取資料。

  1. 點擊畫布上的 HTTP Request 節點,右側會滑出它的設定面板。
  2. 我們將使用一個政府的公開網頁的天氣 api。請在 URL 欄位中,複製並貼上以下網址:
https://opendata.cwa.gov.tw/dist/opendata-swagger.html#/%E9%A0%90%E5%A0%B1/get_v1_rest_datastore_F_C0032_001
  1. 其他欄位保持預設值即可。Request Method 應為 GET,這代表我們要「獲取」資料。

截圖 2025-09-01 下午2.59.38

步驟四:執行並檢視結果!

萬事俱備!現在,點擊畫面左下角那顆又大又紅的 Execute workflow 按鈕。

你會看到 n8n 開始運行,節點下方會出現載入動畫,幾秒鐘後,兩個節點下方都出現了綠色的方框,代表它們都成功執行了!

現在,點擊 HTTP Request 節點下方的綠色方框,你會在右側面板看到這次執行的結果。n8n 很貼心地提供了兩種檢視模式:

  • Table (表格): 將回傳的資料整理成類似 Excel 的表格,方便閱讀。
  • JSON: 顯示最原始的 JSON 資料結構。

請切換到 JSON 模式,你會看到類似下方的內容,這就是我們從網路上成功抓回來的資料!

[
    {
        "success": "true",
        "result": {...}, // 2 items
        "records": {...} // 1 items
    }
]

三、今日總結

恭喜你!今天你完成了非常重要的一步:

  1. 熟悉了 n8n 的基本介面。
  2. 親手建立了一個完整的工作流。
  3. 學會使用 HTTP Request 節點,並成功地從外部世界獲取了真實的資料!

我們不再是紙上談兵,我們的工作流已經和網際網路產生了第一次的真實互動。我們抓回來的這筆 JSON 資料,就是我們接下來要送入 MCP 協議的「彈藥」。

明天,我們將學習如何處理今天獲取的這筆資料,並開始在 n8n 中建構一個符合 MCP 規範的請求 (Request) 訊息。 敬請期待!


上一篇
Day 4 - 初探自動化神器 n8n:安裝與環境設定
下一篇
Day 6 - AI Agent 節點介紹
系列文
三十天解鎖上下文超能力:MCP 實戰9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
oooui5
iT邦新手 5 級 ‧ 2025-09-19 14:48:22

N8N高手 /images/emoticon/emoticon77.gif

我要留言

立即登入留言